<template>
   <div class="links">
      <div ></div>
          <el-link @click="clickRecentUsed" type="info" :underline="false" class="ell">最近使用</el-link>
          
          <el-link @click="clickMyCreated" type="info" :underline="false" style="margin-left: 30px " class="ell">我创建的</el-link>

          <el-link @click="clickMyStar" type="info" :underline="false" style="margin-left: 30px" class="ell">我的收藏</el-link>

         <el-divider></el-divider>
         <div class="childpage"> <router-view></router-view></div>
         
   </div>
</template>

<script>
export default {
   name:"workplace",

   methods:{
   clickMyCreated(){
      this.$router.push("/home/workplace/mycreated");
    },
    clickMyStar(){
      this.$router.push("/home/workplace/mystar");
    },
    clickRecentUsed(){
      this.$router.push("/home/workplace/used");
    },
   }
}

</script>
<style>

.childpage{
   margin-top :10px ;
   
   background-color: #eaedf1;
}
</style>